<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<style type="text/css">
		html,
		body {
			width: 100%;
			height: 100%;
			display: flex;
			overflow: hidden;
			padding: 0;
			margin: 0;
			background: #222;
		}

		p {
			margin: 50px auto;
			width: 500px;
			font-size: 24px;
			line-height: 1.5;
			color: #fff;
			cursor: default;
		}

		span {
			background: linear-gradient(90deg, #fff, #fff), linear-gradient(90deg, #fc0, #fc0);
			background-size: 100% 100%, 0 100px;
			background-repeat: no-repeat;
			background-position: 100% 100%, 0 100%;
			cursor: pointer;
			color: transparent;
			-webkit-background-clip: text;
			background-clip: text;
		}

		span:hover {
			transition: 0.8s all linear;
			background-size: 0 100px, 100% 100%;
		}
	</style>
	<body>
		<p>
			<span>
				苏苏就是小苏苏哇哈哈哈哈哈哈哈苏苏就是小苏苏哇哈哈哈哈哈哈哈哈哈哈好好好哈哈哈哈苏苏就是小苏苏哇哈哈哈哈哈哈哈哈哈哈哈哈哈好好好哈哈哈哈哈哈哈哈哈哈好好好哈哈哈哈哈哈哈好好好哈哈哈哈·11111哈哈哈哈哈哈好好好哈哈哈哈哈哈哈好好好哈哈哈哈哈哈哈好好好哈哈哈哈</span>
		</p>
	</body>

</html>
